import React, { Component, PropTypes } from 'react';
import { connect } from 'dva';
import { hashHistory } from 'dva/router';
import styles from '../../routes/IndexPage.css';
import { Icon } from 'antd';
var _state,_props,_this;

class totalModal extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: [],
    }
  }
  render() {
    _this = this;
    _props = _this.props;
    _state = _this.state;
    //console.log(_props)

    return (
      <div className={styles.totalModal}>
        <div className={styles.totaltit} style={{fontSize: 14,color: "#666",fontWeight: 700}}>
          统计
        </div>
        <div className={styles.totalcont}>
          <div className={styles.totitem}>
            <img src="images/preset01.png"/>
            <div className={styles.tothead}>
              <div>机房总数（个）</div>
              <div>{_props.roomCount}</div>
            </div>
          </div>
          <div className={styles.totitem}>
            <img src="images/preset02.png"/>
            <div className={styles.tothead}>
              <div>机柜总数（个）</div>
              <div>{_props.rackCount}</div>
            </div>
          </div>
          <div className={styles.totitem}>
            <img src="images/preset03.png"/>
            <div className={styles.tothead}>
              <div>设备总数（个）</div>
              <div>{_props.assetCount}</div>
            </div>
          </div>
          <div className={styles.totitem}>
            <img src="images/preset04.png"/>
            <div className={styles.tothead}>
              <div>U位总数（个）</div>
              <div>{_props.uCount}</div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

module.exports = totalModal
